@CHARSET "UTF-8";

@import "admin.css";

body {
	background-image: url(../media/headerdual.jpg);
	font-family: "Open Sans";
	text-align: center;
	font-size: small;
	margin-left: 1%;
	margin-right: 1%;
	display: block;
	overflow: auto;
	margin-left: 10%;
}

body.wait, body.wait *{
    cursor: wait !important;   
}

body> .bodyElement {
	margin: auto;
	width: 100%;
	max-width: 1098px;
	min-width: 1098px;
	border: 0px solid silver;
	display: block;
}


a, a:visited {
	color: #1B4EAB;	
	text-decoration: none;
}

a:hover {
	color: #1C8AE4;
}

img {
	border: 0px solid white;
}


#header {
	border-bottom: 1px solid white;
	position: relative;
	color: white;
	font-variant: small-caps;
}

#headerDateElement {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#headerLocationElement {
	font-variant: normal;
	width: 120px;
	font-size: xx-small;
	padding: 10px;	
	text-align: justify;
	color: black;
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: black;
	background-color: rgba(49, 136, 203, 0.2);
}

#headerLoginElement{
	border: 0px solid white;
	padding: 5px;
	 text-align: left;
	 position: fixed;
	 right: -7px;
	 top: -7px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans";
	font-variant: small-caps;
}

h1 {
	color:black;
	font-size: xx-large;
	font-weight: bolder; 
	text-transform: capitalize;
}

h2 {
	color:white;
	font-size: x-large; 
	text-transform: capitalize;
}
form > h2 {
	margin-left: 20px;
}

h3 {
	color:white;
	font-size: large;
	text-transform: capitalize;
}

input, button{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px;
    outline: medium none;
    overflow: hidden;
    padding: 15px;
    width: 200px;
    display: block;
}

input[type=checkbox]{
    display: inline;
    width: auto;
}

textarea{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px;
    outline: medium none;
    overflow: hidden;
    padding: 15px;
    display: block;
}

select{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 5px;
    outline: medium none;
    overflow: hidden;
    padding: 15px;
    display: block;
}


form p.betweenSections{
	height: 10px;
}

form p.inSections{
	height: 15px;
}

form label{
	vertical-align: top;
	font-size:small;
	display:block;
	padding: 0px;
}

form span{
	display: inline-block;	
}

/*
.inputNoBreakAfter{
	display:inline;
}
.inputNoBreakAfter:after{
	content:"\a";
    white-space: pre;
}*/

.inputDescriptionExt{
	font-size: normal;
	color: white;
}

table, tr, td, tbody {
	border: 0px solid silver;
	vertical-align: top;
}

textarea{
	display: inline;
}

thead {
	text-transform: uppercase;
}

/* data table definitions */
.data-table{
	border: 0px solid white;
	padding-bottom: 20px;
}

.data-table td, .data-table th {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-header-sub{
	font-size: xx-small;
}

.table-header, .table-header-sub{
	background-color: rgba(255, 255, 255, 0.8)
}

.table-odd-row{
/*	background-color: rgba(255, 255, 255, 1)*/
}

.table-even-row{
	background-color: rgba(255, 255, 255, 0.5)
}

.reservationColumnNothing{
	
}

.reservationColumnCenter{
	text-align: center;
}

/* end: data table definitions */

#leftNavColumn{
	width: 300px;
	max-width: 300px;
	display: inline;
	float: left;
}

.navReferenceBlock{
	margin-top: 3px;
	
	width:100%;
	background-color: rgba(49, 136, 203, 0.1);
	min-height: 50px;
	padding: 20px;	
}

#backToHome {
	width:100%;
	background-image: url("../media/signpostSmall.png");
	background-repeat: no-repeat;
	background-position: 20px 90px;
	vertical-align: middle;
	text-align: center; display : inline-block;
	height: 130px;
	padding: 20px 0px 0px 10px;
	background-color: rgba(49, 136, 203, 0.2);
	vertical-align: middle;
	font-variant: small-caps;
	display: inline-block;
}

#backToHome>span {	
	display: inline-block;
	line-height: 80%;
	font-family: "Open Sans";
	font-weight: 200;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: xx-large;
}

a>#backToHome>span{
	color: white;
}

#contentCore {
	vertical-align: top;
	min-height: 600px;
	padding-left: 80px;
	padding-top: 30px;
}

#bodyContent {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 80px;
}

#bodyContent > a {
	float: left;
}


#bodyContent>* {
	vertical-align: top;
	/* Apply overflow to get two div columns under div "bodyContent */
	overflow:hidden;
}

#footer {	
	font-size: x-small;
	vertical-align: top;
	text-align: center;
	border-top: 1px solid white;
}

.footerElementContainer {
	text-align: center;
}

.footerElement {
	text-align: top;
	display: inline-block;
	padding: 20px;
	vertical-align: top;
}

/** loading... animation */
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animateFlicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.deactivated{
	color: gray;
}

.process{
	display: inline-flex;
}

.processStep, .processStepStop, .processAction{
	background-color: rgba(255, 255, 255, 1);
	min-height: 50px;
	width: 250px;
	padding: 25px;
	border-right: 0px solid silver;
	border-radius: 0px 0px 0px 0px;
}

.processStep{
	
}

.processAction{
	background-color: rgba(255, 255, 255, 0.5);
	width: 80px;
	border-radius: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
}

.processStepStop{
	background-color: red;
	min-height: 50px;
	padding: 05px;
}

.processStepTitle{
	font-weight: bolder;
	font-size: x-large;
	color: gray;
	text-transform: uppercase;
	padding-bottom: 20px;
}

.processStepText{
	font-size: x-small;
	
}

